<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      >

    <h:head>

        <title>Cad Pessoa</title>
        <style type="text/css">
            *{
                font-size: 12px !important;
            }
            #bt1{
            }
            #bt2{
                position: relative;
                top: -28px;
                left: 65px;
                /*top: 158px;
                left: 90px;*/
            }
        </style>

    </h:head>

    <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>  
    <p:dialog modal="true" widgetVar="statusDialog" header="Status"  
              draggable="false" closable="false" >Processando...</p:dialog>

    <h:body onload="#{loginBean.validaUsuarioSessaoPaginas}">
        <p:panel id="painel" header="Cadastro de Pessoa">
            <h:form id="formCadastro">

                <p:messages id="mensagens" />

                <h:panelGrid columns="2">

                    <h:outputText value="Nome: "/>
                    <p:inputText id="itNome" label="Nome" required="true" value="#{pessoaBean.pessoa.nome}" disabled="#{pessoaBean.camposDesativados}"/>

                    <h:outputText value="RG: "/>
                    <p:inputText id="itRg" label="RG" required="true"  value="#{pessoaBean.pessoa.rg}" disabled="#{pessoaBean.camposDesativados}"/>

                    <h:outputText value="CPF: "/>
                    <p:inputText id="itCPF" label="CPF"  required="true" value="#{pessoaBean.pessoa.cpf}" disabled="#{pessoaBean.camposDesativados}"/>

                    <h:outputText value="Endereço: "/>
                    <p:inputText id="itEndereco" label="Endereço"  required="true" value="#{pessoaBean.pessoa.endereco}" disabled="#{pessoaBean.camposDesativados}"/>

                    <h:outputText value="Cidade: "/>
                    <p:inputText id="itCidade" label="Cidade" required="true"  value="#{pessoaBean.pessoa.cidade}" disabled="#{pessoaBean.camposDesativados}"/>

                    <h:outputText value="Fone: "/>
                    <p:inputText id="itFone" label="Fone" required="true"  value="#{pessoaBean.pessoa.fone}" disabled="#{pessoaBean.camposDesativados}"/>

                </h:panelGrid>

                <div id="bt1">
                    <p:commandButton id="btSalvar" value="Salvar" update=":formCadastro, :formBotoes, :formPesquisa" actionListener="#{pessoaBean.salvar}" disabled="#{pessoaBean.salvarDesativado}"/>
                </div>

            </h:form>

            <div id="bt2">
                <h:form id="formBotoes">
                    <p:commandButton id="btNovo" value="Novo" update=":formCadastro, :formBotoes" actionListener="#{pessoaBean.novo}" disabled="#{pessoaBean.novoDesativado}"/>  
                    <p:commandButton id="btEditar" value="Editar" update=":formCadastro, :formBotoes" actionListener="#{pessoaBean.editar}" disabled="#{pessoaBean.editarDesativado}"/> 
                    <p:commandButton id="btExcluir" value="Excluir" update=":formCadastro, :formBotoes, :formPesquisa"  actionListener="#{pessoaBean.excluir}" disabled="#{pessoaBean.excluirDesativado}"/> 
                    <p:commandButton id="btCancelar" value="Cancelar" update=":formCadastro, :formBotoes"  actionListener="#{pessoaBean.cancelar}" disabled="#{pessoaBean.cancelarDesativado}"/>
                    <p:commandButton id="btPesquisar" value="Pesquisar" update=":formCadastro, :formBotoes" disabled="#{pessoaBean.pesquisarDesativado}" onclick="pessoaDialog.show()" type="button" />
                </h:form>
            </div> 

        </p:panel>


        <p:dialog id="dialog" header="Pessoas" widgetVar="pessoaDialog" resizable="false"  
                  width="900" height="500" showEffect="clip" hideEffect="fold">
            <h:form id="formPesquisa">

                <h:outputLabel for="nomePessoaPesquisa" value="Nome: *" /> 
                <p:inputText id="nomePessoaPesquisa" value="#{pessoaBean.nomePesquisa}" />
                <p:commandButton id="btPesquisarPessoaPorNome" value="Pesquisar" update="formPesquisa"  />

                <p:dataTable id="dataTablePessoas" var="pessoaVar" value="#{pessoaBean.filtraPessoaNome}" rowKey="#{pessoaVar.idPessoa}"  
                             widgetVar="dataTableVar" selection="#{pessoaBean.pessoaSelecionada}" selectionMode="single" emptyMessage="Nenhuma pessoa encontrada.">

                    <f:facet name="header">  
                        Selecione alguma pessoa para edição ou exclusão.  
                    </f:facet> 

                    <p:column headerText="Nome" width="200">  
                        #{pessoaVar.nome}  
                    </p:column> 
                    <p:column headerText="CPF" width="100">  
                        #{pessoaVar.cpf}  
                    </p:column> 
                    <p:column headerText="RG" width="100">  
                        #{pessoaVar.rg}  
                    </p:column> 
                    <p:column headerText="Endereço" width="150">  
                        #{pessoaVar.endereco}  
                    </p:column> 
                    <p:column headerText="Cidade" width="100">  
                        #{pessoaVar.cidade}  
                    </p:column> 

                    <f:facet name="footer">  
                        <p:commandButton id="btOK" value="OK" icon="ui-icon-search"  update=":formCadastro, :formBotoes" onclick="pessoaDialog.hide()" />  
                    </f:facet>


                </p:dataTable>

            </h:form>            
        </p:dialog>


    </h:body>
</html>
